.goods_category {
  display: flex;
  margin-top: 100rpx;
  // height: ~"calc(100vh - 100rpx)";
  .tab_list {
    background-color: #f3f3f3;
    // overflow-y: auto;
    width: 200rpx;
    height: ~"calc(100vh - 100rpx)";
    .tab_item {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 80rpx;
      color: #666;
      font-size: 28rpx;
      &.actived {
        color: #f00;
        background-color: #fff;
        &::before {
          content: "";
          width: 5rpx;
          height: 50rpx;
          position: absolute;
          left: 0;
          background-color: #f00;
        }
      }
    }
  }
  .goods_item_detail {
    flex: 1;
    height: ~"calc(100vh - 100rpx)";
    .title {
      height: 50rpx;
      text-align: center;
      font-size: 28rpx;
      padding-top: 18rpx;
      color: orangered;
    }
    .goods_item {
      navigator {
        float: left;
        width: 100%/3;
        margin-bottom: 15rpx;
        text-align: center;
        image {
          width: 120rpx;
          height: 120rpx;
        }
        text {
          font-size: 24rpx;
          display: block;
        }
      }
    }
  }
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
